<template>
	<div class="bg-fff">
	<div class="fixtop">
		<form onsubmit="return false;" class="mui-input-row mui-search">
			<div class="header-search-box">
				<div class="header-search-icon iconfont icon-search"></div>
				<input type="search" class="header-search" />
				
			</div>
		</form>
	</div>
	<div class="list-side">
		<div class="list-side-item active">手机</div>
		<div class="list-side-item">电脑</div>
		<div class="list-side-item">电视</div>
		<div class="list-side-item">相机</div>
		<div class="list-side-item">好吃的</div>
		<div class="list-side-item">好喝的</div>
		<div class="list-side-item">好玩的</div>


	</div>
	<div class="list-main">
		<div class="list-cat-item">
			<navigator url="index.html?m=product&a=list&catid=63">
				<img class="list-cat-img" src="http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD"
				    onerror="this.src='http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
			</navigator>
			<div class="list-cat-hd">手机</div>
			<div class="list-child">
				<navigator url="index.html?m=product&a=list&catid=73" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">iphone</div>
				</navigator>
				<navigator url="index.html?m=product&a=list&catid=74" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">小米</div>
				</navigator>
				<navigator url="index.html?m=product&a=list&catid=75" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">华为</div>
				</navigator>
				<navigator url="index.html?m=product&a=list&catid=76" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">魅族</div>
				</navigator>
				<navigator url="index.html?m=product&a=list&catid=77" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">oppo</div>
				</navigator>
				<navigator url="index.html?m=product&a=list&catid=78" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">vivi</div>
				</navigator>
				<navigator url="index.html?m=product&a=list&catid=79" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">三星</div>
				</navigator>
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="list-cat-item">
			<navigator url="index.html?m=product&a=list&catid=64">
				<img class="list-cat-img" src="http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD"
				    onerror="this.src='http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
			</navigator>
			<div class="list-cat-hd">电脑</div>
			<div class="list-child">
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="list-cat-item">
			<navigator url="index.html?m=product&a=list&catid=65">
				<img class="list-cat-img" src="http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD"
				    onerror="this.src='http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
			</navigator>
			<div class="list-cat-hd">电视</div>
			<div class="list-child">
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="list-cat-item">
			<navigator url="index.html?m=product&a=list&catid=66">
				<img class="list-cat-img" src="http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD"
				    onerror="this.src='http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
			</navigator>
			<div class="list-cat-hd">相机</div>
			<div class="list-child">
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="list-cat-item">
			<navigator url="index.html?m=product&a=list&catid=67">
				<img class="list-cat-img" src="http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD"
				    onerror="this.src='http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
			</navigator>
			<div class="list-cat-hd">好吃的</div>
			<div class="list-child">
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="list-cat-item">
			<navigator url="index.html?m=product&a=list&catid=68">
				<img class="list-cat-img" src="http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD"
				    onerror="this.src='http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
			</navigator>
			<div class="list-cat-hd">好喝的</div>
			<div class="list-child">
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="list-cat-item">
			<navigator url="index.html?m=product&a=list&catid=69">
				<img class="list-cat-img" src="http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD"
				    onerror="this.src='http://img.deitui.com/?w=600&amp;h=200&amp;text=logo&amp;fontsize=64&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
			</navigator>
			<div class="list-cat-hd">好玩的</div>
			<div class="list-child">
				<navigator url="index.html?m=product&a=list&catid=80" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">爬山</div>
				</navigator>
				<navigator url="index.html?m=product&a=list&catid=81" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">下海</div>
				</navigator>
				<navigator url="index.html?m=product&a=list&catid=82" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">游乐园</div>
				</navigator>
				<navigator url="index.html?m=product&a=list&catid=83" class="list-child-item">
					<img class="list-child-img" src="http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD"
					    onerror="this.src='http://img.deitui.com/?w=50&amp;h=50&amp;text=logo&amp;fontsize=14&amp;textcolor=fff&amp;bgcolor=9FB6CD'">
					<div class="list-child-title">看电影</div>
				</navigator>
				<div class="clearfix"></div>
			</div>
		</div>

	</div>
	{include=mfooterShop}
	</div>
</template>
<link href="html/category/index.css" rel="stylesheet" />
<script src="html/category/index.js"></script>
